<template>
  <div>
    <!-- 顶部通栏 -->
    <TopNav />
    <!-- 顶部分类导航 -->
    <top-header></top-header>
    <!-- 吸顶组件 -->
    <HeaderSticky />
    <!-- 内容区 -->
    <div class="wrapper">
      <router-view></router-view>
    </div>

    <!-- 底部的Footer -->
    <bottom-footer></bottom-footer>
  </div>
</template>

<script>
import TopNav from './components/top-nav.vue'
import TopHeader from './components/top-header.vue'
import BottomFooter from './components/bottom-footer.vue'
import HeaderSticky from './components/header-sticky.vue'
export default {
  name: 'Home',
  components: {
    TopNav, TopHeader, BottomFooter, HeaderSticky
  }

}
</script>

<style  scoped>
.wrapper {
  min-height: 500px;
}
</style>
